<div class="modal-header">
    <h3 class="modal-title">Markdown guide</h3>
</div>
<div class="modal-body">
    <div class="container-fluid">
        <div class="row" style="max-width:500px; margin:auto;">
            <div class="col-xs-12">
                <div class="text-center">
                    <a href="https://simplemde.com/markdown-guide">Examples from https://simplemde.com/markdown-guide :</a>
                </div>
                <h4>Emphasis</h4>
                <pre>**<strong>bold</strong>**
*<em>italics</em>*
~~<strike>strikethrough</strike>~~</pre>
                <h4>Headers</h4>
                <pre># Big header
## Medium header
### Small header
#### Tiny header</pre>
                <h4>Lists</h4>
                <pre>* Generic list item
* Generic list item
* Generic list item

1. Numbered list item
2. Numbered list item
3. Numbered list item</pre>
                <h4>Links</h4>
                <pre>[Text to display](http://www.example.com)</pre>
                <h4>Quotes</h4>
                <pre>> This is a quote.
> It can span multiple lines!</pre>
                <h4>Images</h4>
                <pre>![](http://www.example.com/image.jpg)</pre>
                <h4>Tables</h4>
                <pre>| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John     | Doe      | Male     |
| Mary     | Smith    | Female   |

<em>Or without aligning the columns...</em>

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John | Doe | Male |
| Mary | Smith | Female |
</pre>
                <h4>Displaying code</h4>
                <pre>`var example = "hello!";`

<em>Or spanning multiple lines...</em>

```
var example = "hello!";
alert(example);
```</pre>
            </div>
        </div>
    </div>

</div>
<div class="modal-footer">
    <button class="btn btn-primary" type="button" ng-click="vm.ok()">Close
    </button>
</div>